<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
    <title>Preclinic - Medical & Hospital - Bootstrap 4 Admin Template</title>
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <!--[if lt IE 9]>
		<script src="assets/js/html5shiv.min.js"></script>
		<script src="assets/js/respond.min.js"></script>
	<![endif]-->
</head>

<body>
            <div class="content">
                <div class="row">
                    <div class="col-sm-12">
                        <h4 class="page-title">Basic Tables</h4>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="card-box">
                            <div class="card-block">
                                <h4 class="card-title">Basic Table</h4>
								<div class="table-responsive">
									<table class="table mb-0">
										<thead>
											<tr>
												<th>Firstname</th>
												<th>Lastname</th>
												<th>Email</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>John</td>
												<td>Doe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="33595c5b5d73564b525e435f561d505c5e">[email&#160;protected]</a></td>
											</tr>
											<tr>
												<td>Mary</td>
												<td>Moe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a1ccc0d3d8e1c4d9c0ccd1cdc48fc2cecc">[email&#160;protected]</a></td>
											</tr>
											<tr>
												<td>July</td>
												<td>Dooley</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5e342b32271e3b263f332e323b703d3133">[email&#160;protected]</a></td>
											</tr>
										</tbody>
									</table>
								</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card-box">
                            <div class="card-block">
                                <h5 class="text-bold card-title">Striped Rows</h5>
								<div class="table-responsive">
									<table class="table table-striped mb-0">
										<thead>
											<tr>
												<th>Firstname</th>
												<th>Lastname</th>
												<th>Email</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>John</td>
												<td>Doe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="177d787f7957726f767a677b723974787a">[email&#160;protected]</a></td>
											</tr>
											<tr>
												<td>Mary</td>
												<td>Moe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="84e9e5f6fdc4e1fce5e9f4e8e1aae7ebe9">[email&#160;protected]</a></td>
											</tr>
											<tr>
												<td>July</td>
												<td>Dooley</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="69031c0510290c11080419050c470a0604">[email&#160;protected]</a></td>
											</tr>
										</tbody>
									</table>
								</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="card-box">
                            <div class="card-block">
                                <h5 class="text-bold card-title">Bordered Table</h5>
								<div class="table-responsive">
									<table class="table table-bordered mb-0">
										<thead>
											<tr>
												<th>Firstname</th>
												<th>Lastname</th>
												<th>Email</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>John</td>
												<td>Doe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b9d3d6d1d7f9dcc1d8d4c9d5dc97dad6d4">[email&#160;protected]</a></td>
											</tr>
											<tr>
												<td>Mary</td>
												<td>Moe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="88e5e9faf1c8edf0e9e5f8e4eda6ebe7e5">[email&#160;protected]</a></td>
											</tr>
											<tr>
												<td>July</td>
												<td>Dooley</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="90fae5fce9d0f5e8f1fde0fcf5bef3fffd">[email&#160;protected]</a></td>
											</tr>
										</tbody>
									</table>
								</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card-box">
                            <div class="card-block">
                                <h4 class="card-title">Hover Rows</h4>
								<div class="table-responsive">
									<table class="table table-hover mb-0">
										<thead>
											<tr>
												<th>Firstname</th>
												<th>Lastname</th>
												<th>Email</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>John</td>
												<td>Doe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c4aeabacaa84a1bca5a9b4a8a1eaa7aba9">[email&#160;protected]</a></td>
											</tr>
											<tr>
												<td>Mary</td>
												<td>Moe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0c616d7e754c">[email&#160;protected]</a>example.com</td>
											</tr>
											<tr>
												<td>July</td>
												<td>Dooley</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f8928d9481b89d80999588949dd69b9795">[email&#160;protected]</a></td>
											</tr>
										</tbody>
									</table>
								</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="card-box">
                            <div class="card-block">
                                <h4 class="card-title">Contextual Classes</h4>
								<div class="table-responsive">
									<table class="table mb-0">
										<thead>
											<tr>
												<th>Firstname</th>
												<th>Lastname</th>
												<th>Email</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>Default</td>
												<td>Defaultson</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c8acadae88bba7a5ada5a9a1a4e6aba7a5">[email&#160;protected]</a></td>
											</tr>
											<tr class="table-primary">
												<td>Primary</td>
												<td>Doe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c2a8adaaac82a7baa3afb2aea7eca1adaf">[email&#160;protected]</a></td>
											</tr>
											<tr class="table-secondary">
												<td>Secondary</td>
												<td>Moe</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e28f83909ba2879a838f928e87cc818d8f">[email&#160;protected]</a></td>
											</tr>
											<tr class="table-success">
												<td>Success</td>
												<td>Dooley</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b9d3ccd5c0f9dcc1d8d4c9d5dc97dad6d4">[email&#160;protected]</a></td>
											</tr>
											<tr class="table-danger">
												<td>Danger</td>
												<td>Refs</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cfada08faab7aea2bfa3aae1aca0a2">[email&#160;protected]</a></td>
											</tr>
											<tr class="table-warning">
												<td>Warning</td>
												<td>Activeson</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2342405763465b424e534f460d404c4e">[email&#160;protected]</a></td>
											</tr>
											<tr class="table-info">
												<td>Info</td>
												<td>Activeson</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5233312612372a333f223e377c313d3f">[email&#160;protected]</a></td>
											</tr>
											<tr class="table-light">
												<td>Light</td>
												<td>Activeson</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="93f2f0e7d3f6ebf2fee3fff6bdf0fcfe">[email&#160;protected]</a></td>
											</tr>
											<tr class="table-dark">
												<td>Dark</td>
												<td>Activeson</td>
												<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0a6b697e4a6f726b677a666f24696567">[email&#160;protected]</a></td>
											</tr>
										</tbody>
									</table>
								</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card-box">
                            <div class="card-block">
                                <h4 class="card-title">Responsive Tables</h4>
                                <div class="table-responsive">
                                    <table class="table mb-0">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Firstname</th>
                                                <th>Lastname</th>
                                                <th>Age</th>
                                                <th>City</th>
                                                <th>Country</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>Anna</td>
                                                <td>Pitt</td>
                                                <td>35</td>
                                                <td>New York</td>
                                                <td>USA</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>Anna</td>
                                                <td>Pitt</td>
                                                <td>35</td>
                                                <td>New York</td>
                                                <td>USA</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>Anna</td>
                                                <td>Pitt</td>
                                                <td>35</td>
                                                <td>New York</td>
                                                <td>USA</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>Anna</td>
                                                <td>Pitt</td>
                                                <td>35</td>
                                                <td>New York</td>
                                                <td>USA</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>Anna</td>
                                                <td>Pitt</td>
                                                <td>35</td>
                                                <td>New York</td>
                                                <td>USA</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>Anna</td>
                                                <td>Pitt</td>
                                                <td>35</td>
                                                <td>New York</td>
                                                <td>USA</td>
                                            </tr>
											<tr>
                                                <td>1</td>
                                                <td>Anna</td>
                                                <td>Pitt</td>
                                                <td>35</td>
                                                <td>New York</td>
                                                <td>USA</td>
                                            </tr>
											<tr>
                                                <td>1</td>
                                                <td>Anna</td>
                                                <td>Pitt</td>
                                                <td>35</td>
                                                <td>New York</td>
                                                <td>USA</td>
                                            </tr>
											<tr>
                                                <td>1</td>
                                                <td>Anna</td>
                                                <td>Pitt</td>
                                                <td>35</td>
                                                <td>New York</td>
                                                <td>USA</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
    <div class="sidebar-overlay" data-reff=""></div>
    
	<script src="assets/js/jquery-3.2.1.min.js"></script>
	<script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.slimscroll.js"></script>
    <script src="assets/js/app.js"></script>
</body>

</html>